@charset "utf-8";
/*	Feuille de style de base, avec initialisation 
	des principaux lments HTML.
----------------------------------------------------------*/
* { outline:0; font-weight:inherit; font-style:inherit; font-size:100%; vertical-align:baseline; margin:0; padding:0;}
html, body { text-align:center; height:100%; _height:100%; }
h1 { font-size: 2em; padding: 0.67em 0; }
h2 { padding:.83em 0; }
h3 { padding:1em 0; }
h5 { padding:1.67em 0; }
h6 { padding:2.33em 0; }
p { margin:0; padding:0 0 1em 0; line-height: 1.6; }
ul, ol { display:block; list-style:none outside; margin:0; padding:0 0 0 0; }
li { display:block; line-height:1.4em; }
dl { display:block; padding:1em 0 0 0; }
dd { display:block; padding-left:1.5em; }
img { border:none; vertical-align:text-top; }
a img { outline: none; border: none; text-decoration: none;}
code, pre { font-size:1.1em; }
table { border-collapse:collapse; }
th { border-bottom:0 solid; white-space:nowrap; }
td { border-width:0; }

form#login_block p.text, form#login_block p.submit{float:left; clear:left; text-align:left;}
form#login_block p{display:block; clear:left; width:100%; text-align:right;}
form#login_block label{float:left; display:block; width:85px;}
form#login_block input{float:right}
.account_input{width:10.5em!important;}
#search_query{width:80%!important;}


/*	Structure de la page.
----------------------------------------------------------*/
body { background-color:#f4d9e3 ; }

#page { text-align:justify;background:#f4d9e3 url(../images/bg.jpg) repeat-x center top; position:relative;  }
#ngonngu{ position:absolute; margin-top:-35px; margin-left:863px; z-index:9999; width:80px;}

#header { width:1010px; margin:0 auto; height:138px; text-align:left;} 
#entete {width:1010px; margin:0 auto;   }
#slide {width:752px; height:234px;}

div.block { margin-bottom:0; width:100%;} 
#contenu { min-height:162px; _height:162px; padding:10px 10px 5px; }

.textbox-bg-subpage { background:none repeat scroll 0 0 #090909; border:1px solid #3F3F3F; font-size:12px; height:16px; line-height:20px; padding:1px; }
.select {background:none repeat scroll 0 0 #090909;	border:1px solid #3F3F3F;color:#202020;font-size:12px;padding:1px; margin-top:1px;}

.textbox-bg-index { background:none repeat scroll 0 0 #393939; border:1px solid #090909; font-size:12px; height:16px; line-height:20px; padding:1px; color:#CCCCCC; }
.select-index {background:none repeat scroll 0 0 #393939; border:1px solid #090909; color:#CCCCCC;font-size:12px; padding:1px; margin-left:5px; margin-right:5px; }


/*	tuvan
----------------------------------------------------------*/
.padleft100 {padding-left:90px;}
.padtop30 {padding-top:10px;}

/*	nut chi tiet o trang chu 
----------------------------------------------------------*/
#chitiet a.chitiet-home { display: block; background:url(../images/chitiet.jpg) no-repeat; width: 77px; height: 26px; padding:0; margin:0; }
#chitiet a.chitiet-home:hover  { background: url(../images/chitiet-over.jpg) no-repeat; }
#chitiet a.chitiet-home:active { background: url(../images/chitiet.jpg) no-repeat; }
#chitiet a.chitiet-home span { display:none; }

/*	footer
----------------------------------------------------------*/

#societe { width:1010px; margin:0 auto;color:#FFFFFF; background-image:url(../images/bgfoot.jpg); margin-bottom:10px; height:158px; font-size:11px;}
.padright30 { width:190px; padding-right:20px; padding-top:25px;padding-bottom:15px;}
.padleft30{ width:260px; padding-top:25px; padding-bottom:15px; text-align:left; color:#ccc;}
.padleft30 a{color: #ccc;}
.padleft30 p{line-height:17px;}
#societe img { vertical-align:middle; }


.mycontent{padding-left:30px; padding-right:20px;}

.ItemSubCS {
	background-image:url(../images/iconRed.jpg);
	background-position:0 7px;
	background-repeat:no-repeat;
	clear:both;
	margin-top:2px;
	padding-left:8px;
	width:374px;
}
.martop5{margin-top:8px;}
.fix-dangnhap label {
	float:left;
	width:110px;
}
.mainTitle{color:#053B7C; clear:both; font-size:15px; font-weight:bold;}
.dateStart {
	color:#a7a7a7;
	padding-right:10px;
	text-align:left;
	}
	
	
.ngayTaoTin{font-family : Verdana; font-size:10px; color:#a9a9a9; padding-left:5px;}
.imgTinTuc {float:left;	width:150px; }

.box-form-order { width:500px; margin:0 auto; }
.box-curved {		padding:15px; padding-top:0; padding-left:0px;}
.box-form-order h2 {
	background:transparent url(../images/hr.gif) repeat-x scroll center bottom;
	color:#db2c2b;
	margin-bottom:10px;
	padding-bottom:5px;
}
.box-form-order .item {margin-bottom:10px;overflow:hidden;}
.box-form-order .item label {float:left;width:150px;}
.box-form-order .item .input {float:left;width:300px;}
.form .btn {clear:both;overflow:hidden;padding:5px 0 10px;}
.box-form-order .item .textarea {width:302px;background-color: #FFFFFF;
    border-color: #AAAAAA #CCCCCC #DDDDDD #BBBBBB;
    border-style: solid;
    border-width: 1px;color:#000;	font-size:13px;	line-height:20px;	overflow:auto; font:Arial, Helvetica, sans-serif;}
.box-form-order .item .textarea2 {width:300px;background-color: #FFFFFF;
    border-color: #AAAAAA #CCCCCC #DDDDDD #BBBBBB;
    border-style: solid;
    border-width: 1px;	color:#000;	font-size:13px;	line-height:20px;	overflow:auto; font:Arial, Helvetica, sans-serif;}

.box-form-order .item .text_100 {width:100%;}
input {color:#000;}
.textfiled { background-color: #FFFFFF;
    border-color: #AAAAAA #CCCCCC #DDDDDD #BBBBBB;
    border-style: solid;
    border-width: 1px; font-size:13px; height:18px; line-height:20px; padding:1px; }
.select { background:none repeat scroll 0 0 #ffffff; border:1px solid #dd1c10; color:#202020; font-size:12px; padding:1px; }
.button { background-color: #FFFFFF;
    border-color: #AAAAAA #CCCCCC #DDDDDD #BBBBBB;
    border-style: solid;
    border-width: 1px; color:#ed1e25; 	cursor:pointer;	font-size:11px;	font-weight:700; padding:4px 1px; width:77px; }
	
	
.font_err {color:#ed1e25; font-size:11px;}

.icon-view-comment {
    background: url("../images/ico-xem-y-kien.jpg") repeat scroll 0 0 transparent;
    float: left;
    height: 29px;
    margin-right: 10px;
    width: 165px;
}
.icon-send-comment {
    background: url("../images/ico-gui-y-kien.jpg") repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    width: 117px;
}


#principale {background: url("../images/bg-page.jpg") repeat-y scroll 0 0 transparent;  width:1010px; margin:0 auto;}
.prins{width:1010px; margin:0 auto; padding-top:7px; }
div.block { margin-bottom:0; width:100%;} 

/*	left_column
----------------------------------------------------------*/
#left_column { float:left; width:222px; clear:left; padding:0 0 0 0px; margin-left: 13px; }
#left_column div.block {  }
#left_column div.block { padding-bottom:9px; background:transparent url(../images/title/bg-bottom.jpg) no-repeat bottom left; margin-bottom:10px;}
#left_column div.blockdanhmuc .block_content { padding:0.5em 10px 10px; background:transparent url(../images/title/bg.jpg) repeat-y top left; min-height:20px; _height:20px; } 
#left_column div.block .block_content { padding:0.5em 5px 5px; min-height:20px; _height:20px;background:transparent url(../images/title/bg.jpg) repeat-y top left; } 

#center_column div.block {  padding-bottom:9px; background:transparent url(../images/title/bg-bottomcenter.jpg) no-repeat bottom left; margin-bottom:10px;}
#center_column div.block h4.vatlytrilieu { height:34px; background:transparent url(../images/title/vatlytrilieu.jpg) no-repeat top left;line-height:38px; color:#FFFFFF; font-weight:bold; padding-left:36px;}
#center_column div.block h4.noidung { height:30px; background:transparent url(../images/bg-title.jpg) no-repeat top left; color:#fff; font-size:15px; font-weight:bold; padding-left:20px; line-height:30px;}
#center_column div.block .block_content { padding:1.5em 10px 10px; background:transparent url(../images/bgnoidung.jpg) repeat-y top center;}

/*	center_column
----------------------------------------------------------*/
#center_column {padding-bottom:8px;  float:right; width:752px; margin-right:13px;}
#titre {background:transparent url(../images/centre/titreContenu.jpg) top no-repeat; height:38px;}
#titre .title p{ padding-left:40px; font-size:12px; color:#ffffff; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:3.7em;} 
#contenu { background:transparent url(../images/centre/bg.jpg) repeat; min-height:162px; _height:162px; padding:10px 13px 0px; text-align:justify; }
.tieudelinhvuc p{font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#0000FF;}
.ngayTaoTin{font-family : Verdana; font-size:10px; color:#a9a9a9; padding-left:5px;}
.imgTinTuc {float:left;	width:150px;}
a.tinnoibac_title_relate{font: 12px Arial;font-weight: 400; color: #000099; text-decoration: none;}
a.tinnoibac_title_relate:hover{	font: 12px Arial; font-weight: 400; color: #0000FF;	text-decoration: underline;}
.tinnoibac_title_relate { line-height:10px; padding-bottom:8px;}



.albums-image .albums { color:#888888; float:left; font-size:11px; margin:10px 6px 0;	overflow:hidden;	width:155px;}
.albums-image .albums .backAl {	height:123px;	padding-left:0px;	padding-top:0px;}
.albums-image .albums a{text-decoration:none;}
.albums-image .albums img {	border:1px solid #83c0ea;	height:103px;	width:135px;	padding:4px;}
.albums-image .albums img:hover{	border:1px solid #ffffff;	height:103px;	width:135px;	padding:4px;}
.albums-image .albums .title {	font-size:11px;	text-align:center;}

.albums-image-detail .image-detail { color:#888888; float:left; margin:15px 5px 0;	overflow:hidden;	width:155px;}
.albums-image-detail .image-detail img {	border:1px solid #4c4a4a;	 	width:135px;	padding:4px;}
.albums-image-detail .image-detail img:hover{	border:1px solid #ffffff;	 	width:145px;	padding:4px;}
.albums-image-detail .image-detail .title {	font-size:11px;	margin-bottom:5px;	text-align:center;}

.searchbox{

    background: none repeat scroll 0 0 #fff;
    border: 1px solid #65b9e5;
  
    color: #000000;
	    height: 24px;
    margin-bottom: 10px;
	width:170px;
	}
	
	
.contentWrapLeft {
}
.productWrap {
	float:left;
	width: 223px;
	margin: 0 0 10px 25px;
	text-align:left;
}
.productWrap a{
	float: left;
	width: 100px;
	height: 168px;
}

.productWrap1 a{
	float: left;
}
.productWrap1 {
	float:left;
	width: 223px;
	margin: 0 0 10px 10px;
	text-align:left;
}
 

.productNameWrap{	
    text-decoration: none;
	margin-bottom:10px;
	color:#173f88;
	padding-top:10px;
	float: left;
	width: 123px;
	height: 65px;
	}

.productNameWrap a{	
font-weight:nomal;
color:#666;

}	
	
.productNamePrice
{	
	color:#000;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 15px;
}
	
/* ============== Plan Aces ================ */
.plan {
width: 600px;
	height: 480px;
	border:3px solid;
	border-color:#d81b21;
	margin: 0 auto;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
	text-align:center;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}





#left_column div.block h4 { height:32px; background:transparent url(../images/title/danhmuc.jpg) no-repeat top left; line-height:38px; color:#FFFFFF; font-weight:bold; padding-left:36px;}




.box-bannerF {
	background:url(../images/boxScroll_bg.gif) repeat-x;
	height:84px;
}
.bannerF-l {
	background:url(../images/boxScroll_l.gif) left no-repeat;
	padding-left:10px;
	height:84px;
}
.bannerF-r {
	background:url(../images/boxScroll_r.gif) right no-repeat;
	padding-right:10px;
	height:84px;
}


/* CAROUSEL */
 
.box-bannerF a.next {
    background:url(../images/next.gif) left no-repeat;
    width: 14px;
    height: 14px;
    display: block;
		position:absolute;
		top:35px;
		right:0px;
} 
.box-bannerF a.prev  {
    background: url(../images/prev.gif) right no-repeat;
    width: 14px;
    height: 14px;
		left:0px;
		position:absolute;
		top:35px;
}
.box-bannerF .bannerF {	
	width:570px;
	position:relative; 
	padding:10px 20px;
}  
.box-bannerF #carousel {
    height: 60px;
}

div#carousel ul {
    list-style-type: none;
}

div#carousel ul li {
    width: 135px;
    height: 60px;
    margin-right: 10px;
    position: relative;		
}

div#carousel ul li .img {
	 
}




.tinnoibat{float:right; width:216px; margin-top:20px; padding-bottom:5px; background:transparent url(../images/title/bg-noibat1.jpg) no-repeat bottom center;}
.tinnoibat .block_content {background:transparent url(../images/title/noibat.jpg) no-repeat top left;}
#left_column div.block h4.lienket { height:41px; background:transparent url(../images/title/lienket.jpg) no-repeat top left;}
#center_column div.blocknoibat { width:216px;  background:transparent url(../images/title/bg-noibat.jpg) repeat-y center;}
.ItemSubCS2 {	background-image:url(../images/iconRed.jpg);	background-position:0 7px;	background-repeat:no-repeat;	clear:both;
	margin-bottom:11px;	padding-left:8px;	width:205px;	}
	.tencty {font-size:15px; font-weight:bold; color:#FFFFFF;}
	
	.loaisp {width:60px; margin-left:8px; border:1px solid #fff; margin-right:2px;}
.timkiem {
    height: 26px;
 float:right;
    width: 233px;
	/*background-image:url(../images/bgtk.jpg);*/
	 margin-left: 783px;
    margin-top: -78px;
    overflow: hidden;
	color:#FFFFFF;
    position: absolute;
    width: 220px;	
}

.timkiem .searchbox-value{
	background: #fff;
	border-radius: 8px;
	float: right;
	width: 153px;
}
.textbox-bg {
	background:none repeat scroll 0 0 #ffffff;
	border:1px solid #fff;;
	font-size:12px;
	height:17px;
	line-height:20px;
	color:#516090;
	padding: 3px;
	 margin-left: 8px;
}

.input1 {
    background: url("../images/icon_timkiem.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #888888;
    float: right;
    height: 14px;
	margin-right: 5px;
    margin-top: 5px;
    overflow: hidden;
    width: 14px;
	*margin-top : -23px;
	cursor: pointer;
}

.title-counseling {
    background: url("../images/bg-consulting.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    margin-bottom: 5px;
    padding-left: 60px;
    padding-top: 23px;
}
.online-counseling li {
    background: url("../images/line-bottom.png") no-repeat scroll left bottom transparent;
    float: left;
    padding: 10px 0 5px;
    width: 100%;
}
.online-counseling li.last {
    background: none no-repeat scroll left bottom transparent;
}
.online-counseling li .icon-online {
    float: left;
    width: 65px;
}
.online-counseling li .info {
    float: left;
    font-size: 14px;
    padding-left: 10px;
    width: 120px;
}
.online-counseling li .info .phone {
    display: block;
    font-size: 15px;
    font-weight: bold;
}

.icon-view-comment {
    background: url("../images/ico-xem-y-kien.jpg") repeat scroll 0 0 transparent;
    float: left;
    height: 29px;
    margin-right: 10px;
    width: 165px;
}
.icon-send-comment {
    background: url("../images/ico-gui-y-kien.jpg") repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    width: 117px;
}
.listcomment {
    border: 1px solid #CCCCCC;
    margin: 0 auto;
}

.quangcaotrai {float:left; width:470px; margin-left:8px; margin-bottom:10px;}
.quangcaophai {float:right; width:470px; margin-right:8px; margin-bottom:10px;	}
.footer_follow_us {color:#000000;}

.dathang{ 
    border-radius: 5px;
    background: rgb(222,70,117); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(222,70,117,1) 0%, rgba(221,137,162,1) 53%, rgba(222,70,117,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,70,117,1)), color-stop(53%,rgba(221,137,162,1)), color-stop(100%,rgba(222,70,117,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(222,70,117,1) 0%,rgba(221,137,162,1) 53%,rgba(222,70,117,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(222,70,117,1) 0%,rgba(221,137,162,1) 53%,rgba(222,70,117,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(222,70,117,1) 0%,rgba(221,137,162,1) 53%,rgba(222,70,117,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(222,70,117,1) 0%,rgba(221,137,162,1) 53%,rgba(222,70,117,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de4675', endColorstr='#de4675',GradientType=0 ); /* IE6-9 */

    width:150px; text-align:center;
    margin-top: 20px;
}

.dathang a {color:#FFFFFF; font-size:14px; font-weight: bold; padding:0px;display: inline-block;}
.dathang a:hover {color:#FFFFFF; font-size:14px; font-weight: bold; padding:0px; display: inline-block;}
.dat {margin-left:35px;}
.dathang img{
    vertical-align: middle;
}
.giohang {
    border-radius: 5px 5px 5px 5px;
    color: #DD4675;
    margin-left: 785px;
    margin-top: -30px;
    overflow: hidden;
    padding: 6px 5px 6px 35px;
    position: absolute;
    width: 180px;
	background: #FFFFFF url("../images/ico-cart.png") no-repeat 4px 5px;
}
.giohang a{color:#DD4675;}

.select-tag{
	background: url("../images/select-bg.jpg") no-repeat scroll right center #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    padding-right: 30px;
    width: 31px;
}

.select-tag select{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #516090;
    margin: 0 0 0 3px;
    overflow: hidden;
    padding: 3px;
	display:inline-block;
    width: 258%;
	-webkit-appearance: none;
}

.vatlytrilieu a{color:#fff;}
.vatlytrilieu a:hover{color: #fff;}